<ng-template #preview>
  <p>
    <button type="button" class="btn waves-effect waves-light blue" (click)="displayToConsole(datatableElement)">
      Display the DataTable instance in the console
    </button>
  </p>
  <blockquote>
    The DataTable instance ID is: {{ $any((datatableElement?.dtInstance | async)?.table()?.node())['id'] }}
  </blockquote>
  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
</ng-template>
<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
</app-base-demo>
